{include file="public/header" /}
<blockquote class="layui-elem-quote">
    管理员
</blockquote>
<!-- 表单信息 -->
<table class="layui-hide" id="table" lay-filter="table"></table>
{include file="public/footer" /}
<script>
    layui.use(["table", "tableBar"], function () {
        var table = layui.table;
        var tableBar = layui.tableBar;

        // 表单
        table.render({
            elem: "#table",
            url: "{:route('admin.admin.query')}",
            toolbar: tableBar.toolbar({ "recycled": "<div></div>" }),
            // defaultToolbar: tableBar.defaultToolbar(),
            cols: [[
                { fixed: 'left', type: 'checkbox', align: 'center', width: 80 },
                { title: '主键', field: 'id', align: 'center', sort: true },
                {
                    title: '角色', field: 'role', align: 'center', sort: true, templet: function (d) {
                        if (d.rid == "0") {
                            return "超级管理员"
                        } else {
                            return d.role
                        }
                    }
                },
                { title: '头像', field: 'avatar', align: 'center', sort: true, templet: tableBar.file("avatar") },
                { title: '用户名', field: 'username', align: 'center', sort: true },
                { title: '黑名单', field: 'blacklist', align: 'center', sort: true, templet: tableBar.switch("blacklist", "是|否", "hidden|normal") },
                { title: '创建时间', field: 'create_time', align: 'center', hide: true, sort: true },
                { title: '更新时间', field: 'update_time', align: 'center', hide: true, sort: true },
                {
                    title: "操作", minWidth: 100, fixed: 'right', align: 'center', templet: function (d) {
                        if (d.rid != 0) {
                            return `<div>
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-xs" data-info='${JSON.stringify(d)}' kllxs-on="kl-more">
                            更多
                            <i class="layui-icon layui-icon-down"></i>
                        </button>
                    </div>`
                        } else {
                            return `<div></div>`
                        }
                    }
                }
            ]],
            method: "post",
            limits: [10, 25, 50, 100],
            autoSort: false, // 禁用前端自动排序。
            page: true,
            before: function () { tableBar.tableSearch(this.cols) }, //渲染前回调
            done: tableBar.tableDone
        })

        tableBar.util({
            add: '{:route("admin.admin.add")}', //添加链接
            edit: '{:route("admin.admin.edit")}', //编辑链接
            del: '{:route("admin.admin.del")}', //删除
        });
    })
</script>